<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'dingdanzhifu.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" href="css/zhifu.css" type="text/css">
	<script src="js/jquery-1.8.3.js"></script>
	<script src="js/ZhiFuDingDan.js"></script>
	<style type="text/css">
		#g500{
			background-color:#fff;
			height:100%;
		}
		body{
			background-color:#fff;
			padding-top:20px;
		}
	</style>
  </head>
  
  <body>
  	<h2>您的订单号为：${dingdanhao }</h2>
	    <div id="g500">
	            <!--宽1000-->
	            <div id="k1000">
	                    <div class="eryi" style="background: rgb(255, 255, 255); border-bottom: none;">线上支付</div>
	                    <div class="eryi2" style="background-color: rgb(250, 250, 250); border-bottom: 1px solid rgb(220, 220, 220);">分期支付</div>
	            </div>
	            <div class="k998" style="display: inline-block;">
	                    <div class="xian"></div>
	                    <div class="siyi">
	                        <div class="picek"><img src="images/支付订单---Smartisan_03.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_05.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_07.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_09.gif" height="41" width="130"></div>
	                        <div class="erweima">
	                            <img src="images/index.png" height="130" width="130">
	                            <p>请使用支付宝扫一扫</p>
	                            <p>扫描二维码支付</p>
	                        </div>
	                    </div>
	                    <div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_15.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_16.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_17.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_18.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_20.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_22.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_30.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_31.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_32.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_33.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_34.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_35.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_42.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_43.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_44.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_45.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_46.gif" height="41" width="130"></div>
	                        <div class="picek"><img src="images/支付订单---Smartisan_47.gif" height="41" width="130"></div>
	                    </div>
	            </div>
	            <div class="k9982" style="display: none;">
	                <div class="xian"></div>
	                <div class="siyi2">
	                    <div class="picek2"><img src="images/pay-mayihuabei.png" height="34" width="144"></div>
	                </div>
	                <div id="g250">
	                    <div class="zuo3">
	                        <div><input type="radio" name="dan"> 3 期，每期金额约为¥104.69,每期花呗收取手续费约为¥2.35费率2.3%</div>
	                        <div><input type="radio" name="dan"> 6 期，每期金额约为¥53.47，每期花呗收取手续费约为¥2.30费率4.5%</div>
	                        <div><input type="radio" name="dan"> 12期，每期金额约为¥27.50，每期花呗收取手续费约为¥1.92费率7.5%</div>
	                    </div>
	                    <div class="you3"><img src="images/huabei-quota.png" height="200" width="420"></div>
	                </div>
	            </div>
	            <form action="gfukuan.do" style="margin-top:50px">
			     	<input type="hidden" name="id" value="${dingdanhao }">
			     	<input class="blue" type="submit" value="付款">
			     </form>
	     </div>
	     
  </body>
</html>
